@esui-inputgroup-delete-size: 1.2em;
@esui-inputgroup-delete-gap: 0.5em;
@esui-inputgroup-add-size: 1em;

.@{ui-class-prefix}-inputgroup {
    display: inline-block;
}

.@{ui-class-prefix}-inputgroup-inputcontainer {
    margin-bottom: 0.5em;
}

// 第一行输入框没有删除选项 为其加入右边距
.@{ui-class-prefix}-inputgroup-inputcontainer:first-child {
    .@{ui-class-prefix}-textbox {
        margin-right: @esui-inputgroup-delete-gap + @esui-inputgroup-delete-size;
    }
}

.@{ui-class-prefix}-inputgroup-inputcontainer .@{ui-class-prefix}-textbox {
    margin-right: @esui-inputgroup-delete-gap;
}

// 删除按钮样式
.@{ui-class-prefix}-inputgroup-inputcontainer .@{ui-class-prefix}-icon-remove {
    cursor: pointer;
    font-size: @esui-inputgroup-delete-size;
    .esui-inputgroup-delete-theme();
}

// 验证信息样式
.@{ui-class-prefix}-inputgroup-inputcontainer .@{ui-class-prefix}-textbox-validity-label {
    margin-left: @esui-inputgroup-delete-gap;
}

// 添加按钮样式
.@{ui-class-prefix}-inputgroup .@{ui-class-prefix}-inputgroup-addIcon {
    cursor: pointer;
    font-size: @esui-inputgroup-add-size;
}
